
<!DOCTYPE html>
<html>
<head>
    <title>Maven Helper - 依赖树视图测试结果</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 20px;
            background-color: #f3f3f3;
            color: #333;
        }
        .container {
            background-color: white;
            border-radius: 5px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }
        h1, h2 {
            color: #0066cc;
        }
        .tree-view {
            font-family: monospace;
            margin-top: 20px;
        }
        .root-dep {
            margin-bottom: 15px;
            padding-bottom: 5px;
            border-bottom: 1px solid #ddd;
        }
        .dep {
            margin-left: 20px;
            position: relative;
        }
        .dep:before {
            content: '';
            position: absolute;
            left: -15px;
            top: 8px;
            height: 1px;
            width: 10px;
            background-color: #aaa;
        }
        .dep:after {
            content: '';
            position: absolute;
            left: -15px;
            top: 0;
            bottom: 0;
            width: 1px;
            background-color: #aaa;
        }
        .dep:last-child:after {
            bottom: auto;
            height: 8px;
        }
        .conflict {
            color: #e51400;
            font-weight: bold;
        }
        .group-id {
            color: #0077cc;
        }
        .artifact-id {
            color: #6c6c6c;
        }
        .version {
            color: #008000;
        }
        .scope {
            color: #9c27b0;
            font-style: italic;
        }
    </style>
</head>
<body>
    <h1>Maven Helper - 依赖树视图测试结果</h1>
    
    <div class="container">
        <h2>标准树视图</h2>
        
        <div class="tree-view">
    
            <div class="root-dep">
                <span class="group-id">org.springframework.boot</span>:<span class="artifact-id">spring-boot-starter</span>:<span class="version">2.5.5</span> 
        
                <div class="dep">
                    <span class="group-id">org.springframework.boot</span>:<span class="artifact-id">spring-boot</span>:<span class="version">2.5.5</span> 
                
                        <div class="dep">
                            <span class="group-id">org.springframework</span>:<span class="artifact-id">spring-core</span>:<span class="version">5.3.10</span> 
                        </div>
                        </div>
                <div class="dep conflict">
                    <span class="group-id">org.springframework</span>:<span class="artifact-id">spring-web</span>:<span class="version">5.3.10</span> 
                </div></div>
            <div class="root-dep">
                <span class="group-id">junit</span>:<span class="artifact-id">junit</span>:<span class="version">4.13.2</span> <span class="scope">(test)</span>
        
                <div class="dep">
                    <span class="group-id">org.hamcrest</span>:<span class="artifact-id">hamcrest-core</span>:<span class="version">1.3</span> 
                </div></div></div>
    </div>
    
    <div class="container">
        <h2>简化树视图</h2>
        
        <div class="tree-view simple">
            <div class="summary">依赖树总览: 6个依赖, 2个根依赖</div>
            <ul class="root-list">
    
            <li class="root-dep">
                <div class="dep-line">
                    <span class="dep-name">org.springframework.boot:spring-boot-starter</span>
                    <span class="dep-version">2.5.5</span>
                    <span class="dep-scope">compile</span>
                </div>
                <div class="dep-children">
                    <ul>
        
                <li>org.springframework.boot:spring-boot:2.5.5</li>
            
                <li class="conflict">org.springframework:spring-web:5.3.10</li>
            
                    </ul>
                </div>
            </li>
        
            <li class="root-dep">
                <div class="dep-line">
                    <span class="dep-name">junit:junit</span>
                    <span class="dep-version">4.13.2</span>
                    <span class="dep-scope">test</span>
                </div>
                <div class="dep-children">
                    <ul>
        
                <li>org.hamcrest:hamcrest-core:1.3</li>
            
                    </ul>
                </div>
            </li>
        
            </ul>
        </div>
    
    </div>
    
    <div class="container">
        <h2>应急树视图</h2>
        
        <div class="emergency-tree">
            <div class="summary">
                <strong>依赖总览:</strong> 6 个依赖, 
                2 个根依赖, 
                1 个冲突
            </div>
            <div class="note">
                <strong>注意:</strong> 完整依赖树无法显示，仅显示根依赖。
            </div>
            <table class="deps-table">
                <thead>
                    <tr>
                        <th>GroupId</th>
                        <th>ArtifactId</th>
                        <th>Version</th>
                        <th>Scope</th>
                    </tr>
                </thead>
                <tbody>
    
            <tr class="">
                <td>org.springframework.boot</td>
                <td>spring-boot-starter</td>
                <td>2.5.5</td>
                <td>compile</td>
            </tr>
        
            <tr class="">
                <td>junit</td>
                <td>junit</td>
                <td>4.13.2</td>
                <td>test</td>
            </tr>
        
                </tbody>
            </table>
            <div class="refresh-container">
                <button class="refresh-btn">
                    刷新依赖树
                </button>
            </div>
        </div>
    
    </div>
    
    <div class="container">
        <h2>改进后的树视图</h2>
        
        <div class="tree-view">
    
            <div class="root-dep">
                <span class="group-id">org.springframework.boot</span>:<span class="artifact-id">spring-boot-starter</span>:<span class="version">2.5.5</span> 
        
                <div class="dep">
                    <span class="group-id">org.springframework.boot</span>:<span class="artifact-id">spring-boot</span>:<span class="version">2.5.5</span> 
                
                        <div class="dep">
                            <span class="group-id">org.springframework</span>:<span class="artifact-id">spring-core</span>:<span class="version">5.3.10</span> 
                        </div>
                        </div>
                <div class="dep conflict">
                    <span class="group-id">org.springframework</span>:<span class="artifact-id">spring-web</span>:<span class="version">5.3.10</span> 
                </div></div>
            <div class="root-dep">
                <span class="group-id">junit</span>:<span class="artifact-id">junit</span>:<span class="version">4.13.2</span> <span class="scope">(test)</span>
        
                <div class="dep">
                    <span class="group-id">org.hamcrest</span>:<span class="artifact-id">hamcrest-core</span>:<span class="version">1.3</span> 
                </div></div></div>
    </div>
    
    <div class="container">
        <h2>错误处理</h2>
        
            <div class="tree-error">
                <h3>依赖树生成失败</h3>
                <p>错误信息: 无效的依赖数据</p>
                <p>请尝试刷新或重启扩展</p>
                <button onclick="alert('刷新操作')">
                    刷新依赖分析
                </button>
            </div>
            <style>
                .tree-error {
                    padding: 15px;
                    color: #e51400;
                    border: 1px solid #e51400;
                    border-radius: 5px;
                    margin: 20px;
                }
                .tree-error button {
                    background-color: #0078D7;
                    color: white;
                    border: none;
                    padding: 6px 12px;
                    margin-top: 10px;
                    cursor: pointer;
                }
            </style>
        
    </div>
</body>
</html>
        